<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    <script src="../js/vue.js"></script>-->
    <script src="../js/mvvm/compile.js"></script>
    <script src="../js/mvvm/mvvm.js"></script>
    <script src="../js/mvvm/observer.js"></script>
    <script src="../js/mvvm/watcher.js"></script>
</head>
<body>
<div id="test">

</div>
<script>
    const vm = new MVVM({
        el:"#test",
        data:{
            name:"wjc1"
        }
    });
    console.log(vm.name,vm); //wjc1
    vm.name = "xiaoxiao1";
    console.log(vm._data.name); //xiaoxiao1
    console.log(vm.name);//xiaoxiao1
</script>
</body>
</html>